연관된 상태 단순화하기

  const [isLoding , setLoding]= useState(false)  
  const [isFinish , setFinish ]= useState(false)

  const PROMISE_STATE = {
    INIT: 'init',
    PENDING: 'pending',
    FINISH: 'finish',
  };

  const [promiseState, setPromiseState] = useState(PROMISE_STATE.INIT);

너무나게 복잡한것들은 단순하게 만드는것보다 못하다.
복잡하고 이해하기 어려운것보다 단순하고 멍청하게 하는것이 낫다.

리액트의 상태를 만들 때 연관된 것들끼리 묶어서 처리하면 에러를 방지하고 코드가 간결해진다.